<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 3 编写一个方法去掉一个数组的重复元素['c', 'a', 'z', 'a', 'x', 'a','c']===> ['c', 'a', 'z', 'x'] -->
    <script>
        var arr = ['c', 'a', 'z', 'a', 'x', 'a', 'c'];
        for (var i = 0; i < arr.length; i++) {
            // i = 0 开始 0 < 6 开始内层循环
            // i = 0 j = 0+1 
            // j = 1  1 < 6
            // 开始执行 arr[i] === arr[j]
            // c === a false
            // i = 0 j = 0+2
            // j = 2 2 < 6
            // 开始执行 arr[i] === arr[j]
            // c === z false
            // .. 
            // 直到找到和c一样的 然后删除

            // 然后开始i = 1
            // 继续循环
            // 把一样的字母全部删除
            for (var j = i + 1; j < arr.length; j++) {
                if (arr[i] === arr[j]) {
                    arr.splice(j, 1);
                    // 目前不知道j-- 做什么用处  注销了也没影响
                    // j--;
                }
            }
        }
        console.log(arr);


        // 3 编写一个方法去掉一个数组的重复元素['c', 'a', 'z', 'a', 'x', 'a','c']===> ['c', 'a', 'z', 'x'] -->

        var arr = ["c", "a", "z", "a", "x", "a", "c"];

        var temp = [];
        // 遍历arr
        for (var i = 0; i < arr.length; i++) {
            // 如果  temp 已经存在 arr[i]这个元素  ,就不添加
            // 如果没有,就添加
            // 利用includes 判断
            // if (temp.includes(arr[i])) {
            //   // 已经有了
            // } else {
            //   // 没有的情况
            //   temp.push(arr[i]);
            // }

            if (!temp.includes(arr[i])) {
                temp.push(arr[i]);
            }
        }
        console.log(temp);

    </script>
</body>

</html>